
<script>
	export default {
		props: {
			avatarContent: String,
			nickname: String,
			username: String,
			registerTime: String
		}
	}
</script>


<template>
	<view class="card">
		
		<view class="card-image">
			<figure class="image is-4by3">
				<img v-bind:src="avatarContent" alt="用户头像 image">
			</figure>
		</view>
		
	    <view class="card-content">
			<view class="media">
				<view class="media-content">
					<p class="title is-4">{{nickname}}</p>
					<p class="subtitle is-6">{{username}}</p>
				</view>
			</view>
	  
			<view class="content">
				注册时间：
				<time datetime="yyyy-MM-dd HH:mm:ss">{{registerTime}}</time>
			</view>
	    </view>
	</view>
</template>


<style>
	.card {
		align-items: center;
		justify-content: center;
	}
</style>

